/* weixin common css for 1080rem width*/



// color
$color-text-title: #333;
$color-text-primary: #666;
$color-text-label: #999;
$color-text-placeholder: #ccc;

$color-bg: #f0f1f5;
$color-white: #fff;
$color-black: #000;
$color-disabled: #f6f9fb;

$color-base: #246fde;

$color-blue-light: #98bef6;

$color-success: #5cc429;
$color-warning: #fb841a;
$color-error: #fc5656;
$color-border: #dbdbdb;
$color-cover-bg: rgba(0, 0, 0, .7);
$color-btn-content: #e8edf4;
$color-help: #27b3e7;

// border
$border: 1px solid $color-border;

// font-size
$font-size-small: 36px;
$font-size-base: 42px;
$font-size-large: 48px;
$font-size-ultra: 54px;
$font-size-ultra-plus: 72px;

// margin
$margin-base: 48px;

// padding
$padding-base: 48px;
$padding-base-half: 24px;
$padding-border-input: 38px 28px;
$padding-input: 58px 48px 58px 0;

// raduis
$radius-base: 10px;
$radius-base2: 20px;
$radius-base4: 40px;

// height
$height-input: 164px;
$heigh-cover-max: 984px;
$height-100: 100%;

// width
$width-100: 100%;

// line-height
$line-height-base: 64px;
$line-height: 48px;

// base transition
$transition: all ease-in-out .3s;
.elSelect{
 .el-input {
   min-height: 160px;
   input::-webkit-input-placeholder{
     color: #666;
   }
  .el-input__inner {
    border:none;
    text-align: right;
    padding-right: $padding-base*2;
    min-height: 160px;
    font-size: 0.38889rem !important;
  }
  .el-select__caret{
    font-size: 0.5rem;
  }
  .el-input__icon{
    width: 0.53148rem;
  }
  .el-input__suffix{
    right: 0.25rem;
  }
}
}
.elSelect {
  .el-select__tags {
    // height: 100% !important;
    .el-tag--small{
      height: auto;
    }
    .el-tag{
      font-size: $font-size-base;
      .el-icon-close {
        height: 0.34815rem;
        width: 0.34815rem;
        line-height: 0.298rem;
      }
    }
    .el-tag__close {
      font-size: $font-size-base;
    }
  }
}

.el-select-dropdown__item {
  font-size: $font-size-base;
  height: auto !important;
  line-height: 100% !important;
  padding: 0.1rem;
}
//出具证明服务详显
.rightRed {
  color: #c0341d !important;
  margin-right: 8px;
}

.rightspan {
  color: #21a511 !important;
  margin-right: 20px;
}

.rightspan2 {
  color: #fa841a !important;
  margin-right: 8px;
}
.col-1 {
  float: left;
  width: 10%;
}

.col-2 {
  float: left;
  width: 20%;
}

.col-3 {
  float: left;
  width: 32%;
}

.col-4 {
  float: left;
  width: 40%;
}

.col-5 {
  float: left;
  width: 50%;
}

.col-6 {
  float: left;
  width: 60%;
}

.col-7 {
  float: left;
  width: 70%;
}

.col-8 {
  float: left;
  width: 80%;
}

.col-9 {
  float: left;
  width: 90%;
}
.rightspan3 {
  color: #0099ff !important;
  margin-right: 8px;
}
// 列表链接样式  公共
// 消息提示
.notice {
  padding: 36px 48px;
  // margin-bottom: 240px + $margin-base;
  margin-bottom: $margin-base;
  background-color: #fff;
  border: $border;
  margin-top: $margin-base;
  display: flex;
  align-items: center;
  position: relative;
  .iconfont {
    font-size: 48px * 1.5;
  }

  .icon-before {
    color: $color-base;
  }

  .icon-after {
    color: $color-text-label;
  }

  .content {
    flex: 1 1 auto;
    padding: 0 30px;
    line-height: 1.5;
    font-size: $font-size-base;
  }
}
// 基本信息按钮
.apply {
  display: flex;
  width: $width-100;
  margin-top: $margin-base;
  line-height: 1.5;

  .info-cont1 {
    display: flex;
    line-height: 2;
    padding-bottom: $padding-base-half;
    align-items: center;
  }

  .info-cont1-name {
    flex: 1 1 50%;
    font-size: $font-size-large;
    color: $color-text-title;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .info-cont1-phone {
    flex: 1 0 65%;
    text-align: right;
    font-size: $font-size-base;
  }

  .info-cont2 {
    font-size: $font-size-base;
  }

  .info {
    width: 66.666667%;
    border: $border;
    border-right: 0;
    background-color: #fff;
    padding: $padding-base/2 $padding-base/2;
  }

  .apply-btn {
    width: 33.3333333%;
    background-color: $color-base;
    text-align: center;
    color: #fff;
    height: 240px;
    font-size: $font-size-large;
    line-height: 240px;
    padding: 0;
  }
}

._iphone /deep/ .form-control {
  padding: 0.59259rem 0.18889rem 0.59259rem 0.14444rem !important;
}

._iphone /deep/ .form-group .input-label {
  flex: 1 1 83%;
}

#app {
  height: 100vh;
  width: 100vw;
}

// 告知页面
.mint-switch{
  color: #ff9933;
}
